<template>
  <div class="App">
    <!-- <cart /> -->
    <todoList />
  </div>
</template>
<script setup>
  // setup 语法糖当中 引入组件 不需要注册 直接引入即可
  // import cart from '@/components/cart.vue';

  import todoList from '@/components/todoList.vue';
</script>
<style>
  *{
    margin: 0;
    padding: 0;
  }
</style>
<!-- <template>
  <div>
    <div>
      <h1>
        选项式 api的index {{ index }}

        {{ number }}
      </h1>
    </div>
    <div>
      <h2>
        组合式 api的 index 
        <common />
      </h2>
    </div>
  </div>
</template>
<script>
/* 
  关于选项式 API
    vue3.0 新增了组合式API，
    vue2.0 使用的是选项式API(export default {});
    组合式API，做到了，用到什么，引用什么，
    而不是选项式的全引用；
    vue3.0 在 vue2.0 的基础上，
    新增了setup 选项式API函数，替代了 生命周期的创建前，创建后;
    也就是在 vue 3.0 当中，去掉了创建前和创建后的生命周期.

    vue3.0 着重 组合式API;
*/
const number = 360;
import common from '@/components/common'
export default {
  components: {
    common
  },
  data() {
    return {
      index: 0
    }
  },
}
</script>
<style>
  
</style> -->